<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>智能门禁管理</title>
    <link href="css/common.css" rel="stylesheet">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/control.css" rel="stylesheet">
    <link rel="stylesheet" href="css/font-awesome.css">
    <link rel="stylesheet" href="css/font-awesome-ie7.min.css">
    <link href="css/access_control.css" rel="stylesheet">

    <!--[if lt IE 9]>
    <link href="css/access_control.css" rel="stylesheet">
    <script src="js/respond.js"></script>
    <![endif]-->

</head>
<body style="cursor: pointer">
<!--nav-->
<div class="access_control_nav">
    <a href="#">
        <div class="control_nav_title">
            互联网+管理
        </div>
    </a>
    <div class="nav_right_box">
        <div class="right_box_left clearfix">
            <div class="nav_time lf">2017年8月1日 星期二</div>
            <span>掌连云管理后台</span>
        </div>
        <div class="right_box_right">
            <a href="#">掌连云管理后台</a>
            <a href="#">退出</a>
        </div>
    </div>
</div>
<!--左侧边栏-->
<div class="left_box">
    <div class="lock_list clearfix">
        <div class="lf">智能门禁</div>
        <div class="rt"><i class="fa fa-angle-up"></i></div>
    </div>
    <ul class="lock_list_one">

        <li class="clearfix lock_list_one_click">
            <a href="javascript:;">
                <div class="one_click_box   access_control_list">
                    <!--<a href="#">-->
                    <div class="lf"><i class="fa fa-angle-right"></i></div>
                    <span>智能门禁管理</span>
                    <div class="rt"><i class="fa fa-angle-up down"></i></div>
                    <!-- </a>-->
                </div>
            </a>
            <div class="lock_list_two_box">
                <div class="lock_list_two">
                    <div class="clearfix">
                        <a href="record.html">
                            <div class="two_click_box">
                                <div class="lf"><i class="fa fa-angle-right"></i></div>
                                <span>智能门禁发货</span>
                                <div class="rt"><i class="fa fa-angle-down down"></i></div>
                            </div>
                        </a>
                        <a href="delivery.html">
                            <div class="two_click_box_main" style="display: none;">
                                <div class="lf"><i class="fa fa-angle-right"></i></div>
                                <span>发货记录</span>
                            </div>
                        </a>
                    </div>

                    <div class="clearfix">
                        <a href="recovery.html">
                            <div class="two_click_box">
                                <div class="lf"><i class="fa fa-angle-right"></i></div>
                                <span>智能门禁回收</span>
                            </div>
                        </a>

                    </div>
                    <div class="clearfix">
                        <a href="control.html" class="two_click_box_a">
                            <div class=" two_click_box">
                                <div class="lf"><i class="fa fa-angle-right"></i></div>
                                <span>智能门禁安装</span>
                                <div class="rt"><i class="fa fa-angle-down down"></i></div>
                            </div>
                        </a>
                        <a href="install.html"  style="display: none;">
                            <div class=" two_click_box_main" style="display: none;">
                                <div class="lf"><i class="fa fa-angle-right"></i></div>
                                <span>安装记录</span>
                            </div>
                        </a>
                    </div>

                </div>
            </div>
        </li>


        <li class="clearfix">
            <a href="examine.html">
                <div class="one_click_box">
                    <div class="lf"><i class="fa fa-angle-right"></i></div>
                    <span>申请钥匙审核</span>
                </div>
            </a>

        </li>


        <li class="clearfix">
            <a href="Journal.html">
                <div class="one_click_box">
                    <div class="lf"><i class="fa fa-angle-right"></i></div>
                    <span>开门日志</span>
                </div>
            </a>
        </li>


        <li class="clearfix">
            <a href="manage.html">
                <div class="one_click_box">
                    <div class="lf"><i class="fa fa-angle-right"></i></div>
                    <span>钥匙管理</span>
                </div>
            </a>
        </li>

    </ul>
</div>
<!--右侧主体-->
<div class="right_box">
    <div class="right_box_top clearfix">
        <div class="box_top_left">
            <i class="fa fa-home"></i>
            管理后台 > 智能门禁 > 智能门禁管理
        </div>
        <div class="box_top_right">
            <a href="#" style="margin-right: 7%;">
                <div class="home">
                    <i class="fa fa-th-large"></i>
                    主页
                </div>
            </a>
            <a href="#">
                <div class="retreat">
                    <i class="fa fa-arrow-circle-left"></i>
                    后退
                </div>
            </a>
        </div>
    </div>
    <div>
        <div class="right_box_search panel  panel-default">
            <div class="clearfix panel-heading">
                <div class="box_search_title lf">
                    查询条件
                </div>
                <div class="rt">
                    <i class="fa fa-angle-up "></i>
                </div>
            </div>
            <div class="box_search_main panel-body ">
                <div class="box_search_main_top clearfix">
                    <div class="">
                        <div class="search_main_title  ">公司名称：</div>
                        <div class="search-list company-head-box">
                            <div class="search_main_box">
                                <div class="search_box_content company-head" data-comapy="">请选择公司</div>
                                <i class="fa fa-angle-down rt "></i>
                            </div>
                            <ul class="search_main_box_list select_company">

                            </ul>
                        </div>
                    </div>
                    <div class="">
                        <div class="search_main_title">小区名称：</div>
                        <div class="search-list community-head-box">
                            <div class="search_main_box">
                                <div class="search_box_content community-head" data-communityName="">请选择社区</div>
                                <i class="fa fa-angle-down rt "></i>
                            </div>
                            <ul class="search_main_box_list select_plot">
                            </ul>
                        </div>
                    </div>
                    <div class="">
                        <div class="search_main_title">所属地域：</div>
                        <div class="search-list">
                            <div class="search_main_box">
                                <div class="search_box_content province_val area-head">请选择地区</div>
                                <i class="fa fa-angle-down rt "></i>
                            </div>
                            <ul class="search_main_box_list search_area " id="province">
                            </ul>
                        </div>
                        <div class="search-list two_list" style="margin-left: 10px;display:none;">
                            <div class="search_main_box">
                                <div class="search_box_content city_val" data-code="">请选择地区</div>
                                <i class="fa fa-angle-down rt "></i>
                            </div>
                            <ul class="search_main_box_list" id="city">
                            </ul>
                        </div>

                    </div>
                </div>
                <div class="box_search_main_bottom clearfix">
                    <div class="between">
                        <div class="search_main_title">智能门禁PID：</div>
                        <div class="search-list-input">
                            <input class="clear_input entrance_pid"  type="text">
                        </div>
                    </div>
                    <div class="between">
                        <div class="search_main_title">门禁名称：</div>
                        <div class="search-list-input">
                            <input class="clear_input entrance_name" type="text">
                        </div>
                    </div>
                    <div class="between">
                        <div class="search_main_title">状态：</div>
                        <div class="search-list">
                            <div class="search_main_box">
                                <div class="search_box_content state-head" data-num="">请选择状态</div>
                                <i class="fa fa-angle-down rt "></i>
                            </div>
                            <ul class="search_main_box_list state_select">
                                <li>未发货</li>
                                <li>未安装</li>
                                <li>已安装</li>
                                <li>锁厂测试安装</li>
                            </ul>
                        </div>
                    </div>
                    <div class="btn_box" >
                        <div class="search_btn query" style="margin-left: 10%;margin-right: 5%;">查询</div>
                        <div class="search_btn  clear_empty">清空</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="right_box_con">
        <a href="record.html" class="brain_a">智能门禁发货</a>
        <a href="recovery.html" class="brain_a">智能门禁回收</a>
        <a href="control.html" class="brain_a">智能门禁安装</a>
        <span id="replace"><i class="fa fa-list"></i>智能门禁更换</span>
        <span id="modify"><i class="fa fa-edit"></i>安装点修改</span>
        <span id="guard"><i class="fa fa-wrench"></i>门禁安装</span>
    </div>
    <div class="right_box_down">
        <div class="right_box_cen colour_con">
            <span class="con-1"></span>
            <span class="con-1">
                <input type="checkbox" name="selectall" style="z-index: 3">
            </span>
            <span class="send con-7  send_region">所属区域
                <i class="fa fa-sort-asc ashy"></i>
                <i class="fa fa-sort-desc"></i>
            </span>
            <span class="send con-7 send_company">公司名称
                <i class="fa fa-sort-asc ashy"></i>
                <i class="fa fa-sort-desc"></i>
            </span>
            <span class="send con-7 send_village">小区名称
                <i class="fa fa-sort-asc ashy"></i>
                <i class="fa fa-sort-desc"></i>
            </span>
            <span class="send con-7 send_entrance">门禁名称
                <i class="fa fa-sort-asc ashy"></i>
                <i class="fa fa-sort-desc"></i>
            </span>
            <span class="send con-7 send_Installer">安装人
                <i class="fa fa-sort-asc ashy"></i>
                <i class="fa fa-sort-desc"></i>
            </span>
            <span class="send con-7 send_phone">联系电话
                <i class="fa fa-sort-asc ashy"></i>
                <i class="fa fa-sort-desc"></i>
            </span>
            <span class="send con-7 send_time">安装时间
                <i class="fa fa-sort-asc ashy"></i>
                <i class="fa fa-sort-desc"></i>
            </span>
            <span class="send con-7 send_trends">最近动态
                <i class="fa fa-sort-asc ashy"></i>
                <i class="fa fa-sort-desc"></i>
            </span>
            <span class="send con-7 send_state">状态
                <i class="fa fa-sort-asc ashy"></i>
                <i class="fa fa-sort-desc"></i>
            </span>
            <span class="send con-7 send_pid">PID
                <i class="fa fa-sort-asc ashy"></i>
                <i class="fa fa-sort-desc"></i>
            </span>
            <span class="send con-7 send_code">激活码
                <i class="fa fa-sort-asc ashy"></i>
                <i class="fa fa-sort-desc"></i>
            </span>
        </div>
        <div class="delivery_data">
        </div>


    </div>
    <div class="flip flip_right">
        <span class="flip_arrow arrow">
            <i class="fa fa-step-backward hasPrePage"></i>
            <i class="fa fa-backward prePage"></i>
        </span>
        <span class="erect">
            <input type="text" value="" class="currentPage">
            <span>共<font class="totalPage"></font>页</span>
        </span>
        <span class="flip_arrow arrow_fl">
            <i class="fa fa-forward nextPage"></i>
            <i class="fa fa-step-forward last_page hasNextPage"></i>
        </span>
        <span class="erect-s">
            <select id="select">
                <option value="10">10</option>
                <option value="20">20</option>
                <option value="30">30</option>
            </select>
        </span>
        <span class="erect-p">
            <span class="digit_num">1</span>-<span class="digit_ber">10</span>
            共<span class="total">143</span>条
        </span>
    </div>
</div>
</body>
<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="js/layer.js"></script>
<script src="js/common.js" type="text/javascript"></script>
<script src="js/ajax_data.js" type="text/javascript"></script>
<script src="js/access.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/json_adress.js" type="text/javascript"></script>
<script src="js/access_control.js"></script>
<script>
    /*二级联动*/
    $(document).ready(function () {
        var province=AddressInfo['Provinces'];
        var Cities=AddressInfo['Cities'];
        var Districts=AddressInfo['Districts'];
        var all_json_arr=[];
        var pro='';
        for(var x=0;x<province.length;x++){
            var _provicename=province[x]._provicename;
            var _provincecode=province[x]._provincecode;
            var _proviceid=province[x]._proviceid;
            pro+='<li data-code='+_provincecode+' data-id='+_proviceid+'>'+_provicename+'</li>';
        }
        $("#province").html(pro);
        $(document).on('click','#province li',function () {
            $('.two_list').show();
            var _proviceid=$(this).attr('data-id');
            var city='';
            $('.city_val').text('请选择地区')
            for(var h=0;h<Cities[_proviceid].length;h++){
                var _cityname=Cities[_proviceid][h]._cityname;
                var _citycode=Cities[_proviceid][h]._citycode;
                var _cityid=Cities[_proviceid][h]._cityid;
                city+='<li data-code='+_citycode+' data-id='+_cityid+'>'+_cityname+'</li>';
            }
            $("#city").html(city);
        });
        $(document).on('click','#city li',function () {
            var data_code=$(this).attr("data-code");
            $(".city_val").attr("data-code",data_code);
        });
    });
</script>
</html>